@import "../common";
@import "../Main";
.HomeProductContent_Container{
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: #f6f6f6;
  .border-radius(0 0 5px 5px);
  .HomeProductContent_Title {
    .HomeProductContent_TitleItem {
      display: inline-block;
      text-align: center;
      height: 60px;
      line-height: 60px;
      font-weight: bold;
      vertical-align: top;
    }
  }

  .HomeProductItems {
    &:hover{
      background-color: #f6f6f6;
      .HomeProductItem{
        &:first-child{
          color:@mainColor;
        }
        .HomeProductItem_Button{
          background-color:@mainColor ;
          color:white;
        }
      }
    }
    .HomeProductItem{
      display: inline-block;
      text-align: center;
      height:90px;
      line-height: 90px;
      vertical-align: top;
      border-top:1px solid #efefef;
      .HomeProductItem_Button{
        border:none;
        margin-top: 24px;
        height: 40px;
        line-height: 0px;
        behavior: none;/*与hover冲突，屏蔽*/
        &:hover{
          background-color:@mainColor ;
          color:white;
        }
      }
      .HomeProductItem_Bar{
        width: 75%;
        display:inline-block;
        .ReProcessBar_Font{
          behavior: none;/*与hover冲突，屏蔽*/
          font-size: 12px;
          .ReprocessBar_process{
            behavior: none;/*与hover冲突，屏蔽*/
            -webkit-transition:none;
            -moz-transition:none;
            -ms-transition:none;
            -o-transition:none;
            transition: none;
          }
        }
      }
      .HomeProductItem_Process{
        width: 25%;
        display:inline-block;
      }
    }

    .largeRed{
      font-size: 24px;
      color:#e50012;
    }

    .UpWords{
      color:#e50012;
      font-size: 24px;
    }

    .DownWords{
      color:#00993e;
      font-size: 24px;
    }

    .None{
      color:#666666;
      font-size: 24px;
    }

    .UpWords:after{
      content:"↑";
    }

    .DownWords:after{
      content:"↓";
    }

    .None:after{
      content:"-";
    }
    .DoubleString{
      div{
        height:45px;
        line-height: 45px;
      }

      &:hover{
        a{
          color:@mainColor;
        }
      }
    }
  }
}